<!--ip地址查询页面-->
<template>
    <div class='content'>
        <div class='title'>
            获取当前ip地址
        </div>
        <div>
            <div class='ip-content'>
                地区：
                {{data.en_name}}&nbsp{{data.city}}<br><br>
                互联网服务提供商：
                {{data.isp}}<br><br>
                <span class='show-ip'>
                ip地址：
                {{data.ip}}
                </span>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  name: 'eg',
  mounted(){

  },
  created(){
    //用vuex设置状态，改变class;
     this.$store.dispatch("inOther");
  },
  data () {
    return {
       apiUrl:"http://route.showapi.com/632-1",
       showapi_sign:"1688d17e4c41492daaef9e12d36dcd0d",
       showapi_appid:"35517",
       data:'',
    }
  },
}
</script>
<style lang='less'>
    .ip-content{
        margin:20px;
    }
    .show-ip{
        color:#F7BA2A
    }
</style>
